@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1464436201_1620708.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1464436201_1620708.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1464436201_1620708.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1464436201_1620708.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1464436201_1620708.svg#iconfont') format('svg'); /* iOS 4.1- */
}
*{
	box-sizing: border-box;
	
}
input{-webkit-appearance: none;outline: none;}
body
{
	font-family: Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial;
}
html
{
	
	font-size: 20px;
	background: #f1f1f1;
}
.iconfont
{
	font-family: 'iconfont';
}
i{
	font-style: normal;
}
.order-search {
    height: 1.7rem;
    margin: 10px;
   
    text-align: center;  
    position: relative;    
   border-top-left-radius:0.2rem;
   border-bottom-left-radius: 0.2rem;
                                             
}
.searchicon
{
	color: #ccc;
    font-size: 0.8rem;
    font-family: "iconfont";
    float: left;
    line-height: 1.7rem;
    position: absolute;
	left: .5rem;
}
.order-search > div
{
	
	border-radius: 0.2rem;
	margin-right: 2rem;   
	position: relative;
	height: 100%;
	 background-color: white;
	 border: 1px solid #eee;
}
.border:after
{
	  content: '';
    position: absolute;
    top: -1px;
    left: 0;
    border: 1px solid #999;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
/*Retina屏为2的时候调用下面的样式*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 2dppx){
	.border:after
	{
		content: '';
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #999;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 200%;
        height: 200%;
        transform: scale(0.5);
        transform-origin: left top;

        -ms-transform: scale(0.5); 		/* IE 9 */
        -ms-transform-origin: left top; 		/* IE 9 */

        -webkit-transform: scale(0.5);	/* Safari 和 Chrome */
        -webkit-transform-origin: left top;	/* Safari 和 Chrome */

        -moz-transform: scale(0.5);		/* Firefox */
        -moz-transform-origin: left top;		/* Firefox */

        -o-transform: scale(0.5);		/* Opera */
        -o-transform-origin: left top;		/* Opera */
        border-radius: 6px;
	}
}
.order-search > div > input {
    height: 100%;
    font-size: 13px;
    box-sizing: border-box;
    width: 100%;
    padding-left: 2rem;
    padding-right: 0.2rem;
    
}
.order-search  > a
{
	position: absolute;
	top: 0px;
	right: 0px;
	font-size:15px;
	display: block;
	height: 100%;
	line-height: 1.7rem;
}
.hotSearch
{
	padding: 10px 0 0 10px;
	background: white;
	overflow:hidden;
}
.hotSearch > a
{
	padding: 0 6px;
    font-size: 12px;
    border-radius: 3px;
    color: #D73C6B;
    line-height: 28px;
    min-height: 30px;
    min-width: 40px;
    text-align: center;
    display: inline-block;
    margin: 0 10px 10px 0;
    float: left;
   /* border: 1px solid #ddd;*/
}
.historyList > h2
{
	padding: 0.5rem;
	font-size: 0.7rem;
}
.historyList > ul
{
	background: white;
	padding: 0 0.5rem;
}
.historyList > ul > li
{
	font-size: 0.7rem;
	color: #555;
	border-bottom: 1px solid #eee;
	padding:0.5rem 0;
}
.historyList > ul > li:last-child
{
	border: 0px;
}
.deleted
{
	height: 1.5rem;
	border:1px solid #bbbbbb;
	color: #e784a3;
	padding: 0.25rem;
	margin: 20px auto;
	font-size: 0.65rem;
	border-radius: 3px;
	display: block;
	width:5rem;
	text-align: center;
	line-height:1rem;
}
